﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Wijmo.master" AutoEventWireup="true"
	Inherits="ControlExplorer.Accordion.Accordion_Overview" CodeBehind="Overview.aspx.cs" %>

<%@ Register Assembly="C1.Web.Wijmo.Controls.3" Namespace="C1.Web.Wijmo.Controls.C1Accordion"
	TagPrefix="C1Accordion" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
	<C1Accordion:C1Accordion runat="server"
		ID="C1Accordion1">
		<Panes>
			<C1Accordion:C1AccordionPane ID="Accordion1Pane1" runat="server">
				<Header>
					步骤 1
				</Header>
				<Content>
					<h1>
						步骤 1</h1>
					Wijmo Accordion 控件提供了多个显示面板，每次显示其中一个面板的内容。用户选择其中一个面板时，
                    该面板的内容会自动展开，而其它面板内容会自动折叠，从而，实现自动地组织和优化用户界面的使用。
				</Content>
			</C1Accordion:C1AccordionPane>
			<C1Accordion:C1AccordionPane ID="Accordion1Pane2" runat="server">
				<Header>
					步骤 2
				</Header>
				<Content>
					<h1>
						步骤 2</h1>
					通过Wijmo Charts: Composite，只需一个图表就可以对复杂数据进行分析。相同数据使用不同的方式
                    进行显示，再将与之关联的数据进行叠加，便可预测数据的走势。
				</Content>
			</C1Accordion:C1AccordionPane>
			<C1Accordion:C1AccordionPane ID="Accordion1Pane3" runat="server">
				<Header>
					步骤 3
				</Header>
				<Content>
					<h1>
						步骤 3</h1>
					Wijmo Events Calendar支持用户添加、编辑和管理是由的预约。默认情况下，事件日历使用脱机数
                    据源，因此您可以轻松地添加到您的页面，而无需额外的配置此构件。
				</Content>
			</C1Accordion:C1AccordionPane>
			<C1Accordion:C1AccordionPane ID="Accordion1Pane4" runat="server" Expanded="True">
				<Header>
					步骤 4
				</Header>
				<Content>
					<h1>
						步骤 4</h1>
					Wijmo Gallery该控件将图片的缩略图以幻灯片的形式显示，
                    并能实现图片的平滑转换、分页、主题等功能，支持所有主流浏览器。
				</Content>
			</C1Accordion:C1AccordionPane>
		</Panes>
	</C1Accordion:C1Accordion>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="Description" runat="server">
	<p>
		此示例展示了默认的<strong>C1Accordion </strong>控件行为。
	</p>
	<p>&nbsp;</p>
	<p>
		示例中使用默认方式展开第一个accordion面板(<strong>SelectedIndex
		</strong>的属性值为0)。  
	</p>
	<p>&nbsp;</p>
	<p>
		如果您想展开另一个accordion面板，请把 <strong>SelectedIndex
		</strong>属性设置为对应的面板序号。
	</p>
	特别的，如果把 <strong>SelectedIndex</strong> 属性的值设为 -1，可以删除所有的面板。
    如下设置:
<pre class="controldescription-code">
&lt;C1Accordion:C1Accordion runat="server"
			ID="C1Accordion2" 
			SelectedIndex="-1"&gt;
</pre>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ControlOptions" runat="server">
</asp:Content>
